import React from 'react';
import ReactDOM from 'react-dom';
import {Provider} from 'mobx-react'
import {
    BrowserRouter,
    Route
} from 'react-router-dom';

import RepairList from './RepairList.jsx';
import RepairInfo from './RepairInfo.jsx';

import repairListStor from './RepairListStore';
import repairInfoStore from './RepairInfoStore';


const stores = {repairListStor, repairInfoStore};
const RouterList = () => (
    <Provider {...stores}>
        <BrowserRouter>
            <div>
                <Route path="/pages/mobile/property/repair/index.html" component={RepairList}/>
                <Route path="/pages/mobile/property/repair/RepairInfo" component={RepairInfo}/>
            </div>
        </BrowserRouter>
    </Provider>
);

ReactDOM.render(
    (<RouterList/>),
    document.getElementById('root')
);